html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}

fieldset,img{border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body {}
body,th,td,input,select,textarea,button {font-size:12px;line-height:1.5em;font-family:'돋움',dotum,sans-serif;color:#333}
img {border:none}
caption {display:none}
legend {display:none}

h1,h2,h3,h4,h5,h6 {margin:0px; padding:0px}
h1,h2 {float:left}
h2,h3 {font-size:12px}

a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:underline}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}

.f_l {float:left}
.f_r {float:right}
.cl_b {clear:both;width:0;height:0;font-size:0;line-height:0}

.txt_left {text-align:left}
.txt_right {text-align:right}
.txt_center {text-align:center}

.screen_out {display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px}
.strong {font-weight:bold}
.tbl {border-collapse:collapse;border-spacing:0}

.top {height:69px;overflow:hidden;background:#fff}

/* button */
.btn {background-image:url(../images/btn.gif);background-repeat:no-repeat}
a.btn:hover {text-decoration:none}
.btn_s {background:#eee;display:inline;padding:4px 8px;border:1px solid #dcdcdc;font-size:0.9em;color:#555}
.btn_s_red {background:#ffefee;display:inline;padding:4px 8px 3px 8px;border:1px solid #e29f92;font-size:0.9em;font-weight:bold;color:#e04e4e}
input.btn_grey {padding-top:4px}
input.btn_blue {padding-bottom:18px}
input.btn_s {color:#828282;padding:3px}

.btn_grey {background:#848484;height:22px;color:#fff;border:1px solid #656565;padding:6px 20px 7px 20px;display:block;font-weight:bold;display:inline}
.btn_grey_big {height:34px;display:block;color:#fff;font-weight:bold;background:#848484;border:1px solid #656565;padding:6px 20px 6px 20px}
.btn_blue {background:#093969;height:22px;color:#fff;border:1px solid #0f2537;padding:6px 20px 6px 20px;display:inline;font-weight:bold;font-size:12px}
a.btn_grey:hover,a.btn_blue:hover,a.btn_grey_big:hover {text-decoration:none}

.btn_grey_s {display:inline-block;width:32px;height:20px;color:#7b7b7b;font-size:11px;background-position:0px -98px;text-align:center;padding-top:2px}


/* icon */
.icon {background-image:url(../images/icon.gif);background-repeat:no-repeat}
rmdla.icon:hover {text-decoration:none}


/* member buttons */
.top_navi {float:right;margin:20px 2.5% 0px 0px}
.top_navi .btn {display:block;width:63px;height:21px;background-position:-88px 0px;float:left;margin-left:4px;text-align:center;font:10px tahoma;color:#fff;font-weight:bold;padding-top:6px}

/* Gnb */
.menu_wrap {width:100%;background:url(../images/bg.gif) repeat-x 0px -215px;border-top:1px solid #232cb1;border-bottom:1px solid #131c71;height:46px;position:relative;}
.menu {margin-left:2.5%;width:500px;height:46px}
.menu li.tlmenu {float:left}
.menu a.gnb{float:left;color:#fff;font-weight:bold;font-size:13px;margin-top:14px}
.menu a:hover,.menu a.on {text-decoration:none;color:#c6e11e}
.menu .bar {float:left;background:url(../images/icon.gif) no-repeat 26px 0px;width:52px;height:12px;margin-top:17px}
.menu_wrap .f_r {width:392px;position:absolute;top:0;right:0;}
.menu_wrap .f_r li.trmenu {float:left;}
.menu_wrap .f_r .btn {background-position:-161px 0px;display:block;float:left;width:98px;height:33px;text-align:center;color:#c0c0c0;font-weight:normal;padding:15px 0 0 0;margin:-1px 0 0 0}
.menu_wrap .f_r a.btn:hover,.menu_wrap .f_r .btn.on{text-decoration:none;color:#fff}

/* location 
.location {width:100%;height:34px;border-bottom:1px solid #3853c5;padding-top:18px;background:#fff}
.location a.loca {float:left;color:#6f6f6f}
.location a.icon {display:block;width:17px;height:14px;background-position:0px -25px;margin-left:2.5%}
.location div.icon {float:left;width:6px;height:9px;background-position:0px -50px;margin:4px 15px}*/

.contents {width:100%;float:left}
/* lnb */
.lnb {margin:0px;padding:0px;float:left;width:180px}
.lnb li.leftm {height:29px;padding:15px 0 0 16.6%;border-top:1px solid #d2d2d2;background:url(../images/icon.gif) no-repeat 16.6% bottom;color:#8a8a8a;font-weight:bold;cursor:pointer}
.lnb li.first {padding:20px 0 0 16.6%;background:url(../images/icon.gif) no-repeat 16.6% bottom;border-top:none}
.lnb li.last {border-bottom:1px solid #d2d2d2}
.lnb li span {margin-left:19px}
.lnb li:hover,.lnb li.on {color:#515151}
#list, #view, #write {background:url(../images/bg_2.gif) repeat-y 180px 0px}

.dth {padding:0 0 15px 0}
.lnb li.slnb {height:20px;padding:5px 0 0 2%;font-weight:normal;cursor:pointer;color:#888;font-size:12px}
.lnb li.slnb span.mgl10px {margin-left:10px}
.lnb li.on,.lnb li:hover {font-weight:bold}
.lnb li.slnb span.strong {color:#F2685E}

/* content */
.content {float:left;margin:20px 0 50px 30px;width:640px}
.content.wide {width:900px}
.content h5 {color:#00437b;font-size:14px;padding-left:15px;background:url(../images/icon.gif) no-repeat 0px -70px;margin-bottom:35px}
.info_txt {color:#666;padding-top:7px}

.margin_r {margin-right:5px}
.margin_t {margin-top:10px}


#write .btn_center {width:173px;margin:0px auto}

.pink_button {cursor:pointer}
.pink_l {width:17px;height:30px;float:left;background-position:0px -58px}
.pink_c {float:left;height:24px;padding-top:6px;font-weight:bold;color:#fff;background-position:-17px -58px;background-repeat:repeat-x}
.pink_r {width:17px;height:30px;float:left;background-position:right -58px}


.arrow_t,.arrow_b {display:inline-block;width:15px;height:16px;position:relative;top:4px}
.arrow_t {background-position:0px -200px}
.arrow_b {background-position:0px -225px}



	/* table */
	.tbl {width:480px;border-top:2px solid #585858;border-bottom:1px solid #585858;margin-top:12px;color:#5f5f5f;margin-bottom:20px}
	.tbl.width th {height:32px;background:#f9f9f9;border-bottom:1px solid #ccc;border-right:1px solid #ccc}
	.tbl.width th.end,.tbl.width td.end,.tbl.height th.end,.tbl.height td.end {border-right:none}
	.tbl.width td {text-align:center;border-bottom:1px solid #e8e8e8;border-right:1px solid #e8e8e8;padding:5px 10px}
	.tbl.width td.txt_right {text-align:right}
	.tbl.width td.txt_left {text-align:left}
	.tbl.width td.endTr,.tbl.height td.endTr,.tbl.height th.endTr {border-bottom:none}

	.tbl.height th {background:#f9f9f9;border-bottom:1px solid #ccc;border-right:1px solid #ccc}
	.tbl.height td {padding:8px 10px;border-bottom:1px solid #ccc;border-right:1px solid #ccc}
	.tbl.height td.line_weak {border-bottom:1px solid #e8e8e8}

	.tbl.inside {margin-left:10px;border-top:1px solid #ccc;border-bottom:none}
	.tbl.inside td {border-bottom:1px solid #e8e8e8;border-right:none}
	.tbl.inside td.th {background:#f9f9f9;border-bottom:1px solid #ccc}
	.tbl.inside td.th.end {border-left:1px solid #ccc}
	.tbl.inside td.end {border-left:1px solid #e8e8e8}
	.td_fbfbfb {background:#fbfbfb}

	.link_blue {color:#1484d3;text-decoration:underline}
	.screenshot {height:63px;border:1px solid #ccc;margin:0px auto}
	#list .screenshot {display:block}
	#view .screenshot,#write .screenshot {position:relative;top:3px;margin-right:2px}
	.img_pdf {width:53px}
	.img_online {width:103px}
	.file {width:9px;height:11px;display:inline-block;background-position:0px -99px;position:relative;top:2px}

	/* paging */
	.paging {width:100%;text-align:center;margin-top:8px}
	.paging a.pg {color:#999;font-weight:bold}
	.paging span.pg {color:#000;font-weight:bold}
	.paging a.on,.paging a:hover {color:#555}
	.paging .arrow {width:15px;height:15px;display:inline-block;position:relative;top:3px}
	.paging .arrow.right {background-position:0px -150px;margin-left:15px}	
	.paging .arrow.moreright {width:19px;background-position:0px -275px;margin-left:10px}
	.paging .arrow.left {background-position:0px -125px;margin-right:15px}
	.paging .arrow.moreleft {width:19px;background-position:0px -250px;margin-right:10px}
	.paging .bar {width:24px;height:6px;display:inline-block;background-position:13px -175px;position:relative;top:-1px}
	.paging .icon a {left:0;font-size:0px;line-height:0;text-indent:-9999px;width:100%;height:100%}



/* popup */

#popup {width:500px; height:640px; position:relative;}
#popup01 {width:500px; height:700px; position:relative;}

.pop_tit {font-size:15px; border-bottom:1px solid #3853C5; height:34px; padding-top:18px; width:100%; color:#00437B}
.pop_tit .loca {background:url("../images/icon.gif") no-repeat scroll 0 -70px transparent; float: left; padding-left:15px}
.pop_tit div.icon {background-position:0 -50px; float:left; height:9px; margin:4px 15px; width:6px}

.margin_t01 {margin-top:20px}
.margin_l {margin-left:10px}
.margin_r {margin-right:5px}
.margin_r01 {margin-right:10px}

/* popup_st01 */
.search {height:23px; margin:10px 0 0 10px; position:relative; width:100%}
.search:after {clear:both; content: ""; display: block}

.index_write {border:1px solid #c3c3c3;width:200px;height:19px;color:#b2b2b2}
.index_write.file {width:498px;height:19px;}
.index_write.ip_cam {width:400px;}

.search_section {background:#efefef; width:458px; margin:10px 10px 20px 10px; position:relative; padding:10px}
.search_section:after {clear:both; content: ""; display: block}
/*.search_section .ssall {width:60px; float:left}
.search_section .ssone {width:385px; margin-left:10px; float:left}*/
.search_section a {display:inline; float:left; font-size:12px; color:#999; margin-right:5px; width:20px; height:18px}
.search_section a.alpha {margin-right:4px; width:13px;}
.search_section a.alpha_end {width:13px; margin-right:0;}
.search_section a.idx1 {width:80px;}
.search_section a.on {color:#333333; font-weight:bold}

.campaign {background:#efefef; width:460px; padding:10px; margin-top:20px;}
.campaign:after {clear:both; content: ""; display: block}

/* popup_st02 */
.pop_seltop {width:100%; position:relative; display:inline-block; margin:10px 0 0 10px; clear:both}
.pop_seltop .long {width:200px}
.pop_seltop .short {width:100px}